



/* =Sources
----------------------------------------------- */






/* =Header
----------------------------------------------- */

#tpglt-nav-wrapper {
  padding-top: 15px;

  a { color: #333; }
}

.header {
  overflow: hidden;
  height: 226px;
  background: image-url('backgrounds/bkg_header.png') repeat-x top center;
}

.header-inner {
  @extend .clearfix;
  height: 100px;
}



.header_separator {
  display: inline-block;
  position: absolute;
  top: 106px; left: 0;
  width: 100%;
  border-bottom: 1px solid #CFCFCF;
}

.header-logo {
  display: inline-block;
  position: relative;
  z-index: 1050;
  @include logos-sprite(logo);
  margin-left: -10px;
  width: 207px;
  height: 100px;
  text-indent: -99999px;
}

// .navbar {
//   float: right;
//   margin-top: 18px;

//   ul,
//   #google_translate_element {
//     float: right;
//     margin-left: 10px;
//   }

//   li {
//     float: left;
//     margin-left: 5px;

//     a {
//       display: block;
//       height: 26px;
//       padding: 0 10px;
//       font-weight: 500;
//       font-size: 12px;
//       line-height: 27px;
//       text-transform: uppercase;
//       color: #333;
//       @include border-radius(3px);

//       span { background:none; }

//       &.selected {
//         background: $cGreen;
//         color: #fff;

//         &:hover {
//           background: $cGreen;
//         }
//       }

//       &:hover {
//         background: rgba($cGreen, .5);
//       }
//     }
//   }
// }

.header-title {
  position: relative;
  z-index: 1010;
  font-size: 37px;
  line-height: 1.1;

  text-align: center;
  color: #333;

  &.big {
    font-size: 51px;
  }

  a {
    text-decoration: none;
  }

  span {
    color: $cGreen;
  }
}


/* =Content
----------------------------------------------- */






/* =Carrousel
----------------------------------------------- */

.carrousel {
  position: relative;
  margin: 0 0 40px;
  height: 362px;
  text-align: left;

  .frame {
    display:block;
    position: absolute;
    z-index: 20;
    bottom: 43px;
    right: 43px;
    width: 266px;
    height: 266px;
    @include border-radius(134px);
    background: #333;
    background: rgba(#000, .5);

    img {
      position: absolute;
      top: 5px; left: 5px;
      width: 256px;
      height: 256px;
      @include border-radius(129px);
    }
  }
}

.previous,
.next {
  position: absolute;
  display: block;
  width: 68px;
  height: 68px;
}

.previous {
  top: 30px;
  left: -34px;
  @include icons-sprite(button_story_gallery_left);
  z-index: 100;
}

.next {
  bottom: 30px;
  right: -25px;
  @include icons-sprite(button_story_gallery_right);
  z-index: 100;
}

.slide {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 0; left: 0;
  width: 100%;

  img { width: 100%; }
}





